$THEME_COLOR: #2D8CF0;
$SHADOW_COLOR: #AAA;
$BORDER_STYLE: 1px solid #F5F5F5;

* {
    vertical-align: middle;
    outline: none;
    text-decoration-line: none;
}

*::-webkit-scrollbar {
    display: none;
}

a {
    color: black;
}

li {
    list-style: none;
}

textarea {
    resize: none;
}

body {
    margin: 0;
    min-width: 1000px;
    overflow-x: hidden;
}

@mixin boxShadow {
    border-radius: 3px;
    box-shadow: 0 0 5px -2px $SHADOW_COLOR;
}

@mixin primary {
    background: $THEME_COLOR;;
    color: white;
}

@mixin view($width) {
    width: $width;
    margin: 0 auto;
    padding-bottom: 50px;
}

@mixin onWhiteHover {
    background: #F9F9F9;
}

@mixin absolutly() {
    position: absolute;
    transform: translate(-50%, -50%);
}

@mixin absolute($top, $left) {
    @include absolutly();
    top: $top;
    left: $left;
}

@mixin onBoxShadowHover {
    box-shadow: 0 0 5px 0px $SHADOW_COLOR;
}